<script setup lang='ts'>
</script>

<template>
  <div class="page__wapper d-common-full">
    <div class="page-con d-common-full">
      <slot />
    </div>
  </div>
</template>

<style scoped>
.page__wapper{
  --home-main-route-padding-1:calc(var(--d-margin-level-3) - 1px);
  --home-main-route-padding-2:calc(var(--d-margin-level-3) + 1px);
  background-color: var(--d-color-grey-2);
  padding: var(--d-margin-level-2) var(--d-margin-level-2) 0 var(--d-margin-level-2);
  display: flex;
}
.page-con{
  background-color:var(--d-color-white);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
  border-radius: var(--d-border-radius-level-2);
  padding: var(--home-main-route-padding-1) var(--home-main-route-padding-2) var(--home-main-route-padding-2) var(--home-main-route-padding-2);
  overflow: auto;
}
</style>